<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<head>
    <title>Resume</title>
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/aos.css" rel="stylesheet">
    <!-- main style -->
    <link href="css/style.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

    <!-- Preloader -->
    <div id="preloader">
        <div id="status">

            <div class="preloader" aria-busy="true" aria-label="Loading, please wait." role="progressbar">
            </div>

        </div>
    </div>
    <!-- ./Preloader -->
    
    <!-- header -->
    <header class="navbar-fixed-top">
        <nav>
            <ul>
                <li><a href="#about">关于我</a></li>
                <li><a href="#experience">历程</a></li>
                <li><a href="#projects">博客论坛</a></li>
                <li><a href="#contact">联系方式</a></li>
                <li><a href="../contact.jsp">返回论坛</a></li>
                <li><a href="../chatroom.jsp">进入聊天室</a></li>
            </ul>
        </nav>
    </header>
    <!-- ./header -->
    
    <!-- home -->
    <div class="section" id="home" data-stellar-background-ratio="0.5">
        <div class="container">
            <div class="disply-table">
                <div class="table-cell" data-aos="fade-up" data-aos-delay="0">
                    <h4>欢迎来到</h4>
                    <h1>付Sir &<br /></h1> </div>
            </div>
        </div>
    </div>
    <!-- ./home -->
    
    <!-- about -->
    <div class="section" id="about">
        <div class="container">
            <div class="col-md-6" data-aos="fade-up">
                <h4>01</h4>
                <h1 class="size-50">Known 关于<br />For Me 我</h1>
                <div class="h-50"></div>
                <p>钟山风雨起苍黄 百万雄师过大江</p>
                <p>青年是整个社会力量中的一部分最积极最有生气的力量。他们最肯学习，最少保守思想，在社会主义时代尤其是这样。 —— 毛泽东</p>
                <p>来自四川资阳（ZiYang City），别称西部车城，四川省辖地级市，位于四川盆地中西部，地跨东经104°12′~105°45′，北纬29°40′~30°39′，
                    总面积5747.54平方千米。资阳历史悠久，文化底蕴深厚。周朝时属蜀国，后历经秦、汉、唐、宋、元、明、清等朝代的变迁，
                    逐渐形成了今天资阳的独特文化。资阳的民间艺术丰富多彩，其中最具代表性的是“资阳河川剧”
                    ，此外剪纸、刺绣、泥塑等民间艺术也颇具特色。在民俗方面，资阳有许多传统的民俗活动，如舞龙、舞狮、踩高跷等，
                    这些活动在每年的春节、端午、中秋等传统节日都会在街头巷尾上演，为人们带来欢乐和祝福。</p>
                <p>听曲：我没有想到自己会如此迅猛地热爱上了音乐，本来我只是想附庸风雅，让音响出现在我的生活中，
                    然后在朋友们谈论马勒的时候，我也可以凑上去议论一下肖邦，或者用那些模棱两可的词语说上几句卡拉扬。
                    然而音乐一下子就让我感受到了爱的力量，像炽热的阳光和凉爽的月光，或者像暴风雨似的来到了我的内心，
                    我再一次发现人的内心其实总是敞开着的，如同敞开的土地，愿意接受阳光和月光的照耀，愿意接受风雪的降临，
                    接受一切所能抵达的事物，让它们都渗透进来，而且消化它们。</p>
<%--                <div class="h-50"></div> <img src="img/Signature.svg" width="230" alt="" />--%>
                <div class="h-50"></div>
            </div>
            <div class="col-md-6 about-img-div">
                <div class="about-border" data-aos="fade-up" data-aos-delay=".5"></div>
                <img src="img/1.jpg" width="400" class="img-responsive" alt="" align="right" data-aos="fade-right" data-aos-delay="0" />
            </div>
        </div>
    </div>
    <!-- ./about -->
    
    <!-- experience  -->
    <div class="section" id="experience">
        <div class="container">
            <div class="col-md-12">
                <h4>02</h4>
                <h1 class="size-50">我的<br /> 历程</h1>
                <div class="h-50"></div>
            </div>
            <div class="col-md-12">
                <ul class="timeline">
                    <li class="timeline-event" data-aos="fade-up">
                        <label class="timeline-event-icon"></label>
                        <div class="timeline-event-copy">
                            <p class="timeline-event-thumbnail">2022.9-2023.9</p>
                            <h3>你好，自贡</h3>
                            <h4>付Sir</h4>
                            <p><strong>跨过高中，来到大学</strong>
                                <br>跃过书山题海间，大学新篇始展颜</p>
                        </div>
                    </li>
                    <li class="timeline-event" data-aos="fade-up" data-aos-delay=".2">
                        <label class="timeline-event-icon"></label>
                        <div class="timeline-event-copy">
                            <p class="timeline-event-thumbnail">2023.9-2024.9</p>
                            <h3>你好，宜宾</h3>
                            <h4>付Sir</h4>
                            <p><strong>再见李白河，你好，宜宾</strong>
                                <br>关关难过关关过，前路灿灿亦漫漫</p>
                        </div>
                    </li>
                    <li class="timeline-event" data-aos="fade-up" data-aos-delay=".4">
                        <label class="timeline-event-icon"></label>
                        <div class="timeline-event-copy">
                            <p class="timeline-event-thumbnail">2024.9-now</p>
                            <h3>你好，未来</h3>
                            <h4>付Sir</h4>
                            <p><strong>明确目标</strong>
                                <br>无人扶我青云志，我自踏雪至山巅。</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- ./experience -->
    
    <!-- projects -->
    <div class="section" id="projects">
        <div class="container">
            <div class="col-md-12">
                <h4>03</h4>
                <h1 class="size-50">My 我的 <br /> Projects 爱好</h1>
            </div>
            <!-- main container -->
            <div class="main-container portfolio-inner clearfix">
                <!-- portfolio div -->
                <div class="portfolio-div">
                    <div class="portfolio">
                        <!-- portfolio_filter -->
                        <div class="categories-grid wow fadeInLeft">
                            <nav class="categories">
                                <ul class="portfolio_filter">
                                    <li><a href="" class="active" data-filter="*">All</a></li>
                                    <li><a href="" data-filter=".photography">自然</a></li>
                                    <li><a href="" data-filter=".logo">复古</a></li>
                                    <li><a href="" data-filter=".graphics">放松</a></li>
                                    <li><a href="" data-filter=".ads">空灵</a></li>
                                    <li><a href="" data-filter=".fashion">中世纪</a></li>
                                </ul>
                            </nav>
                        </div>
                        <!-- portfolio_filter -->
                        
                        <!-- portfolio_container -->
                        <div class="no-padding portfolio_container clearfix" data-aos="fade-up">
                            <!-- single work -->
                            <div class="col-md-4 col-sm-6  fashion logo">
                                <a id="demo01" href="#animatedModal" class="portfolio_item"> <img src="img/portfolio/01.jpeg" alt="image" class="img-responsive" />
                                    <div class="portfolio_item_hover">
                                        <div class="portfolio-border clearfix">
                                                <div class="item_info"> <span>我将玫瑰藏于身后，风起花落，从此鲜花赠自己，纵马踏花向自由。</span> <em></em> </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- end single work -->
                            
                            <!-- single work -->
                            <div class="col-md-4 col-sm-6 ads graphics">
                                <a id="demo02" href="#animatedModal" class="portfolio_item"> <img src="img/portfolio/03.jpeg" alt="image" class="img-responsive" />
                                    <div class="portfolio_item_hover">
                                        <div class="portfolio-border clearfix">
                                            <div class="item_info"> <span>日出有盼，日落有思  </span> <em></em> </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- end single work -->
                            
                            <!-- single work -->
                            <div class="col-md-4 col-sm-6 photography">
                                <a id="demo03" href="#animatedModal" class="portfolio_item"> <img src="img/portfolio/02.jpeg" alt="image" class="img-responsive" />
                                    <div class="portfolio_item_hover">
                                        <div class="portfolio-border clearfix">
                                            <div class="item_info"> <span>星奔川鹜，岁聿云暮</span> <em></em> </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- end single work -->
                            
                            <!-- single work -->
                            <div class="col-md-4 col-sm-6 fashion ads">
                                <a id="demo04" href="#animatedModal" class="portfolio_item"> <img src="img/portfolio/04.jpeg" alt="image" class="img-responsive" />
                                    <div class="portfolio_item_hover">
                                        <div class="portfolio-border clearfix">
                                            <div class="item_info"> <span>踔厉奋发，蹱事增华</span> <em></em> </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- end single work -->
                            
                            <!-- single work -->
                            <div class="col-md-4 col-sm-6 graphics ads">
                                <a id="demo05" href="#animatedModal" class="portfolio_item"> <img src="img/portfolio/05.jpeg" alt="image" class="img-responsive" />
                                    <div class="portfolio_item_hover">
                                        <div class="portfolio-border clearfix">
                                            <div class="item_info"> <span>云城发轫，万里可期</span> <em></em> </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- end single work -->
                            
                            <!-- single work -->
                            <div class="col-md-4 col-sm-6 photography">
                                <a id="demo06" href="#animatedModal" class="portfolio_item"> <img src="img/portfolio/09.jpg" alt="image" class="img-responsive" />
                                    <div class="portfolio_item_hover">
                                        <div class="portfolio-border clearfix">
                                            <div class="item_info"> <span>怀瑾握瑜，风禾尽起</span> <em></em> </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- end single work -->
                            
                            <!-- single work -->
                            <div class="col-md-4 col-sm-6 graphics ads">
                                <a id="demo07" href="#animatedModal" class="portfolio_item"> <img src="img/portfolio/06.jpeg" alt="image" class="img-responsive" />
                                    <div class="portfolio_item_hover">
                                        <div class="portfolio-border clearfix">
                                            <div class="item_info"> <span>浅予深深，长乐未央</span> <em></em> </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- end single work -->
                            
                            <!-- single work -->
                            <div class="col-md-4 col-sm-6 graphics ads">
                                <a id="demo08" href="#animatedModal" class="portfolio_item"> <img src="img/portfolio/07.jpg" alt="image" class="img-responsive" />
                                    <div class="portfolio_item_hover">
                                        <div class="portfolio-border clearfix">
                                            <div class="item_info"> <span>这是一个彩蛋</span> <em></em> </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- end single work -->
                            
                            <!-- single work -->
                            <div class="col-md-4 col-sm-6 graphics ads">
                                <a id="demo09" href="#animatedModal" class="portfolio_item"> <img src="img/portfolio/08.jpg" alt="image" class="img-responsive" />
                                    <div class="portfolio_item_hover">
                                        <div class="portfolio-border clearfix">
                                            <div class="item_info"> <span>韬光逐籔，含章未曜</span> <em></em> </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- end single work -->
                        </div>
                        <!-- end portfolio_container -->
                    </div>
                    <!-- portfolio -->
                </div>
                <!-- end portfolio div -->
            </div>
            <!-- end main container -->
        </div>
    </div>
    <!-- ./projects -->
    <div class="tlinks">Collect from <a href="http://lidaojia.tmall.com/" >建站模板</a></div>
    <!-- contact -->
    <div class="section" id="contact">
        <div class="container">
            <div class="col-md-12">
                <h4>04</h4>
                <h1 class="size-50">联系我们</h1>
                <div class="h-50"></div>
            </div>
            <div class="col-md-4" data-aos="fade-up">

                <h3>联系电话</h3>
                <p>000-652652</p>
                <h3>住址</h3>
                <p>四川宜宾</p>
                <h3>邮箱</h3>
                <p>652652@mihoyo.com </p>

                <h3>其他联系方式</h3>

                <ul class="social">
                    <li><a href="#"><i class="ion-social-facebook"></i></a></li>
                    <li><a href="#"><i class="ion-social-twitter"></i></a></li>
                    <li><a href="#"><i class="ion-social-instagram"></i></a></li>
                    <li><a href="#"><i class="ion-social-dribbble"></i></a></li>
                </ul>
                <div class="clearfix"></div>
                <div class="h-50"></div>
            </div>
            <div class="col-md-8" data-aos="fade-up">
                <form class="contact-bg" id="contact-form" name="contact" method="post" novalidate>
                    <input type="text" name="name" class="form-control" placeholder="你的姓名" />
                    <input type="email" name="email" class="form-control" placeholder="你的邮箱" />
                    <input type="text" name="phone" class="form-control" placeholder="电话号码" />
                    <textarea name="message" class="form-control" placeholder="新闻标题" style="height:120px"></textarea>
                    <button id="submit" type="submit" name="submit" class="btn btn-glance">发送</button>
                    <div id="success">
                        <p class="green textcenter"> 成功发送 </p>
                    </div>
                    <div id="error">
                        <p> 出错了，请再试一次 </p>
                    </div>
                </form>
            </div>
              <div class="col-md-12"><p>作为咱就是说怎么个事小组的成员，请让我为你推荐我们的的博客空间</p></div>
        </div>
      
    </div>
    <!-- ./contact -->

    <!--DEMO01-->
    <div id="animatedModal" class="popup-modal">
        <!--THIS IS IMPORTANT! to close the modal, the class name has to match the name given on the ID -->
        <div id="btn-close-modal" class="close-animatedModal close-popup-modal"> <i class="ion-close-round"></i> </div>
        <div class="clearfix"></div>
        <div class="modal-content">
            <div class="container">
                <div class="portfolio-padding">
                    <div class="col-md-8 col-md-offset-2">
<%--                        <h2>Geschäfts Eines<br /> Web-Studios</h2>--%>
                        <div class="h-50"></div>
<%--                        <p>Appropriately maintain standards compliant total linkage with cutting-edge action items. Enthusiastically create seamless synergy rather than excellent value. Quickly promote premium strategic theme areas vis-a-vis.</p>--%>
<%--                        <p>Appropriately maintain standards compliant total linkage with cutting-edge action items. Enthusiastically create seamless synergy rather than excellent value.</p>--%>
                        <br />
                        <br /> <img src="img/portfolio/02.jpg" alt="" class="img-responsive" />
                        <br />
                        <br />
<%--                        <p>Appropriately maintain standards compliant total linkage with cutting-edge action items. Enthusiastically create seamless synergy rather than excellent value. Quickly promote premium strategic theme areas vis-a-vis.</p>--%>
<%--                        <p>Appropriately maintain standards compliant total linkage with cutting-edge action items. Enthusiastically create seamless synergy rather than excellent value.</p>--%>
                        <br />
                        <br /> </div>
                </div>
                
            </div>
            
        </div>
    </div>
    
    <!-- jQuery -->
    <script src="js/jquery.js"></script>
    <!--  plugins  -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/aos.js"></script>
    <script src="js/jquery.form.js"></script>
    <script src="js/jquery.validate.min.js"></script>

    <!--  main script  -->
    <script src="js/custom.js"></script>
</body>

</html>